<template>
  <main class="summary-item">
    <div class="value">{{value}}</div>
    <div class="title">{{title}}</div>
  </main>
</template>

<script lang="ts">
export default {
  props:{
    title:{
      type:String,
      default:""
    },
    value:{
      type:String,
      default:""
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="stylus">
.summary-item {
  font-weight bold

  .value {
    font-size: 20px;
    color: #4B82FB;
    margin-bottom 10px
  }

  .title {
    font-size: 12px;
    color: #484D78;
  }
}
</style>
